.bck-top,
.bck-bottom {
	position: absolute;
	width: 100%;
	pointer-events: none;
	display: flex;
}

.bck-top {
	top: 0;
}

.bck-bottom {
	bottom: 0;
}

/* 定位城市 */
.city-position {
	position: absolute;
	/* #ifdef H5 */
	top: 25px;
	/* #endif */
	/* #ifdef MP-WEIXIN */
	top: 44px;
	/* #endif */
	left: 10px;
	font-size: 28px;
	font-weight: bold;
	text-decoration: underline;
	display: flex;
	text-underline-offset: 5px;
	align-items: center;
}
.city-position image {
	width: 20px;
	height: auto;
}

/* 右上侧菜单 */
.tabbar-right {
	position: absolute;
	right: 5px;
	/* #ifdef H5 */
	top: 10vh;
	/* #endif */
	/* #ifdef MP-WEIXIN */
	top: 13vh;
	/* #endif */
	display: flex;
	flex-direction: column;
	align-items: center;
}

.tabbar-right view {
	padding: 4px;
	display: flex;
}

.tabbar-right image {
	width: 36px;
	height: auto;
}

.tabbar-bottom {
	position: absolute;
	bottom: 10px;
	width: 100%;
	display: flex;
	pointer-events: none;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

.tabbar-bottom .group {
	display: flex;
	flex: 1;
	align-items: center;
}

.tabbar-bottom .group .item {
	width: 48px;
	height: 48px;
	background-color: #292D32;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	pointer-events: auto;
}

.tabbar-bottom .group .item image {
	width: 24px;
	height: auto;
}

.item .logo {
	height: 120px !important;
	position: absolute;
	top: -120px;
	margin-left: 10px;
}
